<template>
  <div>
    <div class="head"></div>
    <div>
      <h3 style="display: flex; float: left; margin-top: -11%; margin-left: 7%">剧情简介</h3>
    </div>
    <div style="width: 350px; height: 100%; display: flex; float: left; background-color: white">
      <span style="display: flex; font-size: small; float: left; text-align: left">
        {{ mDesn }}
      </span>
    </div>
  </div>
</template>
<script setup>
import axios from 'axios';
import { ref, onMounted } from 'vue';
const mDesn = ref();
onMounted(() => {
  const movieName = JSON.parse(sessionStorage.getItem('movieInfo'));
  axios.get('/api/movie/getMovieByMname/' + movieName).then(res => {
    if (res.data !== null) {
      mDesn.value = res.data[0].desn;
    } else {
      ElMessage({
        showClose: true,
        message: '网络错误！',
        type: 'error',
      });
    }
  });
});
</script>
<style lang="scss" scoped>
.head {
  width: 10px;
  height: 30px;
  background-color: burlywood;
  margin-left: -1%;
  margin-top: -30px;
  display: flex;
  float: left;
}
</style>
